<template>
	<div>
		<el-table :data="userData.data.data" style="width: 100%">
			<el-table-column label="创建日期">
				<template slot-scope="scope">
					<i class="el-icon-time"></i>
					<span style="margin-left: 10px">{{scope.row.created_at}}</span>
				</template>
			</el-table-column>
			<el-table-column label="用户头像" width="100px">
				<template slot-scope="scope">
					<img :src="scope.row.avatar_url" alt="" style="width: 53px;height: 53px;">
				</template>
			</el-table-column>
			<el-table-column label="用户昵称">
				<template slot-scope="scope">
					<span style="margin-left: 10px">{{scope.row.name}}</span>
				</template>
			</el-table-column>
			<el-table-column label="邮箱">
				<template slot-scope="scope">
					<span style="margin-left: 10px">{{scope.row.email}}</span>
				</template>
			</el-table-column>
			<el-table-column label="手机号码">
				<template slot-scope="scope">
					<span style="margin-left: 10px">{{scope.row.phone}}</span>
				</template>
			</el-table-column>
			<el-table-column label="操作">
				<template slot-scope="scope">
					<el-button size="mini" @click="handleDetail()">详情</el-button>
					<el-button size="mini" @click="handleEdit()">编辑</el-button>
					<el-button size="mini" type="danger" @click="handleDelete()">删除</el-button>
				</template>
			</el-table-column>
			<!-- 分页 -->
		</el-table>
		
	</div>
</template>

<script>
	export default {
		props:['userData'],
		data() {
			return {
				
			}
		},
		methods: {}
	}
</script>
